@layout("/common/_container.html",{js:["/assets/transport/tDispatch/orderDetailed.js"]}){
<div class="layui-body-header">
    <span class="layui-body-header-title">查看 运输单明细</span>
</div><style type="text/css">
    .layui-table-cell {
        height: auto;
    }
    .layui-form-item {
    	margin-bottom: 0px;
	}
</style>
<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
            <div class="layui-card">
                <div class="layui-card-body">
		            <form id="orderTransportForm" lay-filter="orderTransportForm" class="layui-form layui-form-pane" style="max-width: 1500px;margin: 10px auto;">
		                <input name="id" type="hidden"/>
		                <fieldset class="layui-elem-field layui-field-title" style="margin-bottom: 10px;">
					    	<legend>订单信息</legend>
					  	</fieldset> 
					  	
		                  <div class="layui-form-item">
						    <div class="layui-inline">
		                            <label class="layui-form-label">系统单号</label>
						      <div class="layui-input-inline" style="width: 150px;">
		                            <input id="transportNumber" name="transportNumber" placeholder="" type="text" class="layui-input" lay-verify="required" required readonly="readonly" style="background: #f2f2f2"/>
						      </div>
						      <div class="layui-form-mid">    </div>
		                            <label class="layui-form-label">下单时间</label>
						      <div class="layui-input-inline" style="width: 150px;">
		                            <input id="undertime" name="undertime" placeholder="" type="text" class="layui-input" lay-verify="required" required readonly="readonly" style="background: #f2f2f2"/>
						      </div>
						      <div class="layui-form-mid">    </div>
		                            <label class="layui-form-label">客户名称</label>
						      <div class="layui-input-inline" style="width: 150px;">
		                            <input id="customerName" name="customerName" placeholder="" type="text" class="layui-input" lay-verify="required" required readonly="readonly" style="background: #f2f2f2"/>
						      </div>
						      <div class="layui-form-mid">    </div>
		                            <label class="layui-form-label">客户单号</label>
						      <div class="layui-input-inline" style="width: 150px;">
		                            <input id="customerOrder" name="customerOrder" placeholder="" type="text" class="layui-input" lay-verify="required" required readonly="readonly" style="background: #f2f2f2"/>
						      </div>
						    </div>
						  </div>
						  
		                  <div class="layui-form-item">
						    <div class="layui-inline">
		                            <label class="layui-form-label">公里数</label>
						      <div class="layui-input-inline" style="width: 150px;">
		                            <input id="kilometer" name="kilometer" placeholder="" type="text" class="layui-input" lay-verify="required" required readonly="readonly" style="background: #f2f2f2"/>
						      </div>
						      <div class="layui-form-mid">    </div>
		                            <label class="layui-form-label">备注</label>
						      <div class="layui-input-inline" style="width: 650px;">
		                            <input id="nodes" name="nodes" placeholder="" type="text" class="layui-input" lay-verify="required" required readonly="readonly" style="background: #f2f2f2"/>
						      </div>
						    </div>
						  </div>
									  
		                <div class="layui-form-item">
		                	<table style="line-height: 0px;">
		                		<tr style="height: 40px;">
		                			<td colspan="6"><i class="layui-icon">&#xe66f;</i><b>发货信息</b></td>
		                			<td colspan="4"><i class="layui-icon">&#xe66f;</i><b>收货信息</b></td>
		                		</tr>
		                		<tr>
			                		<td>
		                    			<label class="layui-form-label">装货单位</label>
			                		</td>
			                		<td>
		                            	<input id="setUnit" name="setUnit" placeholder="" type="text" class="layui-input" lay-verify="required" required readonly="readonly" style="background: #f2f2f2"/>
			                		</td>
		                			<td>
		                				<label class="layui-form-label">发货日期</label>
		                			</td>
			                		<td>
		                            	<input id="setMentiontime" name="setMentiontime" placeholder="" type="text" class="layui-input" lay-verify="required" required readonly="readonly" style="background: #f2f2f2"/>
		                			</td>
		                			<td>
		                				&nbsp;&nbsp;&nbsp;&nbsp;
		                				&nbsp;&nbsp;&nbsp;&nbsp;
		                				&nbsp;&nbsp;&nbsp;&nbsp;
		                			</td>
		                			<td>
		                				&nbsp;&nbsp;&nbsp;&nbsp;
		                				&nbsp;&nbsp;&nbsp;&nbsp;
		                				&nbsp;&nbsp;&nbsp;&nbsp;
		                			</td>
			                		<td>
		                    			<label class="layui-form-label">卸货单位</label>
			                		</td>
			                		<td>
		                            	<input id="getUnit" name="getUnit" placeholder="" type="text" class="layui-input" lay-verify="required" required readonly="readonly" style="background: #f2f2f2"/>
			                		</td>
		                			<td>
		                				<label class="layui-form-label">到达时间</label>
		                			</td>
			                		<td>
		                            	<input id="getMentiontime" name="getMentiontime" placeholder="" type="text" class="layui-input" lay-verify="required" required readonly="readonly" style="background: #f2f2f2"/>
		                			</td>
		                		</tr>
		                		<tr>
			                		<td>
		                    			<label class="layui-form-label">装货地址</label>
			                		</td>
			                		<td colspan="3">
		                            	<input id="setLocation" name="setLocation" placeholder="" type="text" class="layui-input" lay-verify="required" required readonly="readonly" style="background: #f2f2f2"/>
			                		</td>
		                			<td>
		                				&nbsp;&nbsp;&nbsp;&nbsp;
		                				&nbsp;&nbsp;&nbsp;&nbsp;
		                				&nbsp;&nbsp;&nbsp;&nbsp;
		                			</td>
		                			<td>
		                				&nbsp;&nbsp;&nbsp;&nbsp;
		                				&nbsp;&nbsp;&nbsp;&nbsp;
		                				&nbsp;&nbsp;&nbsp;&nbsp;
		                			</td>
			                		<td>
		                    			<label class="layui-form-label">卸货地址</label>
			                		</td>
			                		<td colspan="3">
		                            	<input id="getLocation" name="getLocation" placeholder="" type="text" class="layui-input" lay-verify="required" required readonly="readonly" style="background: #f2f2f2"/>
			                		</td>
		                		</tr>
		                		
		                		<tr>
		                			<td>
		                				<label class="layui-form-label">联系人</label>
		                			</td>
			                		<td>
		                            	<input id="setPeople" name="setPeople" placeholder="" type="text" class="layui-input" lay-verify="required" required readonly="readonly" style="background: #f2f2f2"/>
			                		</td>
		                			<td>
		                				<label class="layui-form-label">联系电话</label>
		                			</td>
			                		<td>
		                            	<input id="setTel" name="setTel" placeholder="" type="text" class="layui-input" lay-verify="required" required readonly="readonly" style="background: #f2f2f2"/>
			                		</td>
		                			<td>
		                				&nbsp;&nbsp;&nbsp;&nbsp;
		                				&nbsp;&nbsp;&nbsp;&nbsp;
		                				&nbsp;&nbsp;&nbsp;&nbsp;
		                			</td>
		                			<td>
		                				&nbsp;&nbsp;&nbsp;&nbsp;
		                				&nbsp;&nbsp;&nbsp;&nbsp;
		                				&nbsp;&nbsp;&nbsp;&nbsp;
		                			</td>
		                			<td>
		                				<label class="layui-form-label">联系人</label>
		                			</td>
			                		<td>
		                            	<input id="getPeople" name="getPeople" placeholder="" type="text" class="layui-input" lay-verify="required" required readonly="readonly" style="background: #f2f2f2"/>
			                		</td>
		                			<td>
		                				<label class="layui-form-label">联系电话</label>
		                			</td>
			                		<td>
		                            	<input id="getTel" name="getTel" placeholder="" type="text" class="layui-input" lay-verify="required" required readonly="readonly" style="background: #f2f2f2"/>
			                		</td>
		                		</tr>
		                	</table>
		                </div>
		                
		                <fieldset class="layui-elem-field layui-field-title" style="margin-bottom: 0px;">
					    	<legend><i class="layui-icon">&#xe62d;</i>货物明细</legend>
					  	</fieldset> 
                    	<table class="layui-table" id="orderTransportDetailedTable" lay-filter="orderTransportDetailedTable"></table>
		            </form>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/html" id="transportNumberTpl">
  {{#  if(d.transportNumber != '' && d.transportNumber != null){ }}
    <i class="layui-icon" lay-event="tooDetailed" style="color: #2b85e4;">&#xe615;</i><span>{{ d.transportNumber }}</span>
  {{#  } }}
</script>

@}